<template>
  <div id="app">
    <el-container>
      <el-header>
        头部标题
      </el-header>
      <el-header>
        <el-menu :default-active="activeIndex2"  class="el-menu-demo" mode="horizontal"  background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
          <el-menu-item index="1" >
            <router-link to="/User">用户管理</router-link>
          </el-menu-item>
          <el-menu-item index="2" >
            <router-link to="/Pay">缴费详情</router-link>
          </el-menu-item>
          <el-menu-item index="3" >
            <router-link to="/Worker">员工管理</router-link>
          </el-menu-item>
          <el-menu-item index="4" >
            <router-link to="/Complain">投诉管理</router-link>
          </el-menu-item>
          <el-menu-item index="5" >
            <router-link to="/Info">通知发布</router-link>
          </el-menu-item>
        </el-menu>
      </el-header>
<!--            <el-container>-->
<!--              <el-main>-->
<!--                <div>-->
<!--                  具体内容-->
<!--                </div>-->
<!--              </el-main>-->
<!--            </el-container>-->
    </el-container>
    <router-view/>
  </div>
</template>
<script>
import axios from "axios";
import qs from "qs";
export default {

}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

</style>